/*
	normalize / reset
*/
body {
	line-height: 1;
	position: relative;
	overflow-x: hidden;
	background: linear-gradient(to bottom, #103154 0%, #1b4169 50%, #30588c 100%);
	font-family: 'STHeiti';
	font-size: 16px;
	color: #000;
}

body * {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}

ol,
ul {
	list-style: none;
}

p,
ul,
li,
ol,
dl,
dt,
dd,
figure {
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
	color: inherit;
}

a:hover {
	color: unset;
}


table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	vertical-align: middle;
	max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: inherit;
	color: inherit;
	margin: 0;
}

button,
textarea,
input,
select {
	font-family: inherit;
	color: inherit;
	padding: 0;
}

button {
	border: 0;
}

@font-face {
	font-family: 'STHeiti';
	src: url('../fonts/STHeiti.ttf') format('truetype'),
		/*    Safari, Android, iOS */
		url('../fonts/STHeiti.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('../fonts/STHeiti.woff') format('woff'),
		/* Pretty Modern Browsers */
}

@font-face {
	font-family: 'fzltzhk_GBK';
	src: url('../fonts/FZLTZHK--GBK1-0.ttf') format('truetype'),
		/*    Safari, Android, iOS */
		url('../fonts/FZLTZHK--GBK1-0.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('../fonts/FZLTZHK--GBK1-0.woff') format('woff'),
		/* Pretty Modern Browsers */
}

@font-face {
	font-family: 'adoStd';
	src: url('../fonts/AdobeHeitiStd-Regular-Alphabetic.woff2') format('woff2'),
		url('../fonts/AdobeHeitiStd-Regular-Alphabetic.woff') format('woff'),
		url('../fonts/AdobeHeitiStd-Regular-Alphabetic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.kuang {
	width: 86%;
	margin: 0 auto;
}

.small-kuang {
	width: 83%;
	margin: 0 auto;
}

.content-kuang {
	width: 92%;
	margin: 0 auto;
}

.pc {
	display: block;
}

.mobile,
#mask {
	display: none;
}

.pc .header img {
	height: 114px;
}



.page {
	margin-top: 38px;
	/* height: 1737px; */
	border-radius: 5rem;
	background-color: #eff0f0;
	/* padding-left: 7%; */

	border: 15px solid transparent;
	border-radius: 4rem;
	position: relative;
	background-clip: padding-box;
	/*important*/
}

.page::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: -1;
	margin: -15px;
	border-radius: inherit;
	/*important*/
	background: linear-gradient(to bottom, #1b4169 0%, #2f5384 50%, #14365d 100%);
}

.banner {
	padding-left: 8%;
	position: relative;
}


.banner .image-with-shadow {
	border-top-left-radius: 5rem;
	border-bottom-left-radius: 5rem;
	border: 5px solid #fff;
	border-right: 0;
}

.banner .sup {
  position: absolute;
  top: -5%;
  left: 13%;
}

.banner .sdown {
  position: absolute;
  left: 16%;
  bottom: -7%;
}


/* .banner img:hover {
	box-shadow: 0 2px 30px -3px rgba(0, 0, 0, 0.16), 0 10px 30px -2px rgba(0, 0, 0, 0.1);
} */

.footer {
	font-size: 16px;
	color: #fff;
	text-align: center;
	margin: 40px 0 50px;
}

.clear {
	clear: both;
}

/* #regionn header start */
.header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	align-content: center;
	margin: 40px 0;
}

.header .right {
	display: flex;
	flex-direction: column;
	width: 65%;
}

.h-right {
	text-align: right;
}

.h-right a {
	font-size: 25px;
	color: #123054;
	border-right: 1px solid #123054;
}

.h-right a:first-child {
	padding-right: 20px;
}

.h-right a:last-child {
	border-right: 0;
	padding-left: 20px;
}

.navigation {
	/* margin-top: 44px; */
}

.navigation ul {
	display: flex;
	justify-content: space-between;
}

.navigation ul li {
	padding-right: 20px;
	margin-top: 20px;
}

.navigation ul li:last-child {
	padding-right: 0;
}

/* 
.navigation ul li a .circle {
	border-radius: 50%;
	display: inline-block;
	border: 1px solid transparent;
	padding: 14% 5px;
	background-color: #bfe4fc;
} */

/* .navigation ul li a:hover .circle {
	background-color: #9db6d0;
} */

.navigation ul li a {
	font-size: 28px;
}

/* .navigation ul li a:hover {
	color: #9db6d0;
} */

.navigation ul li a.on {
	color: #9db6d0;
}

/* #regionn header end */



/* #region大型笔记本或笔记本2 */
@media screen and (min-width: 1400px) and (max-width: 1440px),
screen and (min-width: 1441px) and (max-width: 1759px) {
	.pc .header img {
		height: 70px;
	}

	.navigation ul li a {
		font-size: 22px;
	}

	.b-right .s-up {
    position: absolute;
    bottom: 13.7%;
    right: -10%;
  }

  .b-right .s-down {
    position: absolute;
    bottom: 2.3%;
    right: -10%;
  }
}

/* #endregion */

/* #region小型笔记本或笔记本1 */
@media screen and (min-width: 992px) and (max-width: 1199px),
screen and (min-width: 1200px) and (max-width: 1399px) {
	.pc .header img {
		height: 70px;
	}


	.navigation ul li a {
		font-size: 17px;
	}

	.navigation ul li {
		padding-right: 10px;
		margin-top: 10px;
	}

	.h-right a {
		font-size: 14px;
	}
}

/* #endregion */

/* #region MacBook */
@media screen and (min-width: 1921px) and (max-width: 2560px) {

	/* .small-kuang {
		width: 76%;
		margin: 0 auto;
	} */
	.pc .header img {
		height: 120px;
	}

	.navigation ul li {
		padding-right: 0;
		margin-top: 20px;
	}

	.banner .sup {
    position: absolute;
    top: -4%;
    left: 23%;
  }

  .banner .sdown {
    position: absolute;
    left: 23%;
    bottom: -7%;
  }
}

/* #endregion */




/* #region手机端 */
@media screen and (min-width: 375px) and (max-width: 667px) {
	.pc {
		display: none;
	}

	.mobile {
		display: block;
	}

	.kuang {
		width: 90%;
		margin: 0 auto;
	}

	.small-kuang {
		width: 90%;
		margin: 0 auto;
	}

	.content-kuang {
		width: 90%;
		margin: 0 auto;
	}

	.banner .sup {
    position: absolute;
    top: -7%;
    left: 19%;
  }

  .banner .sdown {
    position: absolute;
    left: 19%;
    bottom: -11%;
  }


	.header {
		padding-top: 40px !important;
	}

	.mobile .h-right a {
		font-size: 16px;
	}

	.mobile .h-right .s-log {
		margin-right: 10px;
	}

	.icon-custom {
		font-size: 20px;
	}

	.mob-panel {
		height: 100%;
		position: fixed;
		top: 0;
		transition: all 0.3s linear 0s;
		transform: translateX(0%);
		left: -100%;
		z-index: 100;
		width: 60%;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

	#mask {
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 99;
		background: rgba(0, 0, 0, .5);
	}

	.mob-panel.active {
		left: 0;
	}

	.mobile ul li a.on {
		color: #9db6d0;
	}

	.p-close {
		text-align: right;
		padding-right: 10px;
		padding-top: 10px;
	}

	.icon-close {
		font-size: 25px;
	}

	/* .mob-panel ul li a .circle {
		border-radius: 50%;
		display: inline-block;
		border: 1px solid transparent;
		padding: 4% 6.5px;
		background-color: #bfe4fc;
	} */

	/* .mob-panelul li a:hover .circle {
		background-color: #9db6d0;
	} */

	.footer {
		font-size: 12px;
		margin: 10px 0 10px;
		line-height: 18px;
	}
}

/* #endregion */